<template>
  <div>
    <svg width="600" height="500"></svg>
  </div>
</template>

<script>
// 引入d3
import * as d3 from "d3";
export default {
  data() {
    return {
      data: 
    };
  },
  methods: {
    draw() {
      let data = this.data;
      let margin = 30; // 上下左右边距
      let svg = d3.select("svg");
      let width = svg.attr("width");
      let height = svg.attr("height");
      const marginTop = 30;
      const marginRight = 20;
      const marginBottom = 0;
      const marginLeft = 30;

    },
  },
  mounted() {
    this.draw();
  },
};
</script>
